
/**
 * 异步加载的类
 * 调用方法： new AjaxGetHtml();
 * 类中包含的方法： get:异步加载，_setHTMl: 初始化以及分页
 * ------
 * 带有翻页的异步请求加载网页
 * @param {[type]} $container 放置加载网页的容器对象
 * @param {[type]} url        加载地址
 * @param {[type]} selectPage 加载过来的网页里翻页的：jquery选择器字符串 注：默认为.pure-paginator>li>a
 */
function AjaxGetHtml($container,url,selectPage){
	/*私用方法变量和方法*/

	var _selectPage=selectPage||'.pure-paginator>li>a';
	var _url=url;
	var _$container=$container;
	var THIS=this;

	function _setHtml(strHtml){
		$html=$(strHtml);
		var $that = $(this);
		renderModal($html);
		renderConfirm($html);
		validNum($html);
		invalid_reset();
		// 加载页面高度
		var heightxx = $('#layout > #main').height();
		$('#layout > #menu').height(heightxx);

		//这里绑定翻页的按钮，加上点击事件
		$html.find(_selectPage).click(function(e){
			e.preventDefault();
			// datapage 
			var page=$(this).data('page');
			$('#pageNum').val(page);
			var parameter = $('#seartpad').serialize();		

			THIS.get(parameter, function(data){
			});
		});

		_$container.empty();//清空之前的
		_$container.append($html);//加入新的
	}

	/*公共方法*/

	this.get=function(parameter, success1){

		//这里异步通信获得html
		$container.append('<div class="cus-loading"></div>')
		$.ajax({	
			type: 'post',
			url: _url,	
			data:parameter, 
			success: function(data) {
				if (data) {
					$container.html(data);
					_setHtml(data);
				} else {
					// $container.html('<div class=""style="text-align:center;"><i class="fa fa-clock-o" style="font-size:60px;color:#e5e5e5"></i>没有更多数据了</div>')
				}
				if (success1) {
					success1(data);
				}
			},
			fail: function() {
			}
		})
	}

	/*初始化*/

	this.get();

}

$(function() {

	// 调用
	var $summary=$('#summary');
	var url=$summary.data('url');
	var containerHtml1=new AjaxGetHtml($summary,url);

	var $pageTable=$('#pageTable');
	url=$pageTable.data('url');
	var containerHtml2=new AjaxGetHtml($pageTable,url);

	$('#btnSearch').click(function(e){
		e.preventDefault();
		$('#pageNum').val('1');
		var stringQuery=$('#seartpad').serialize();//form 序列化  详情：http://www.w3school.com.cn/jquery/ajax_serialize.asp
		$('#summary').text(stringQuery)
		containerHtml1.get(stringQuery);
		containerHtml2.get(stringQuery);
	});
})
